.technology-recommend {
    &-banner {
        display: flex;
        padding-left: 60px;
        height: 590px;
        align-items: center;
        justify-content: center;
        background: #73C1DA;

        img {
            float: left;
            height: 430px;
        }

        .banner-word-container {
            margin-left: 130px;
            float: left;
            color: white;

            h2 {
                font-weight: normal;
                font-size: 40px;
                letter-spacing: 2px;
            }

            h1 {
                margin-bottom: 50px;
                font-size: 76px;
                letter-spacing: 12px;
            }

            .append {
                font-size: 14px;
                letter-spacing: 1px;
                line-height: 20px;
                text-align: left;
                max-width: 800px;

                em {
                    font-size: 16px;
                    font-weight: bold;
                    font-style: normal;
                    vertical-align: text-top;
                }
            }
        }

    }

    &-list {
        list-style: none;
        padding-left: 0;
    }

    &-item {
        position: relative;
        margin: 0 auto 50px;

        &:last-child {
            margin-bottom: 0;
        }

        .cover {
            &-container {
                display: inline-block;
                box-sizing: content-box;
                padding: 0;
                height: 180px;
                width: 190px;
                overflow: hidden;
                border: 12px solid #F4F7FC;
                text-align: center;
            }

            height: 180px;
        }

        .info-container {
            padding: 10px 0 0 40px;
        }

        .title {
            color: #327BC0;
            text-decoration: none;
            font-size: 23px;
        }

        .keywords {
            color: #9F9E9F;
        }

        .abstract {
            color: #3E3A39;
        }
    }

    &-content {
        padding: 100px 0 80px;
        margin: 0 auto;
        width: 900px;

        .button-container {
            margin: 80px 0;
            text-align: center;

            .btn-indigo {
                margin-right: 30px;
                @include button-variant(white, #73C1DA, #73C1DA);
            }

            .btn-indigo-reverse {
                margin-left: 30px;
                @include button-variant(#73C1DA, white, #73C1DA);
            }
        }

        .institution-container {
            text-align: center;
            letter-spacing: .1em;

            h5 {
                font-weight: normal;
            }

            p {
                margin-top: 20px;
                text-align: left;
            }
        }
    }
}
